<template>
	<uni-popup ref="popup" type="bottom">
		<picker-view class="picker-views" :indicator-style="indicatorStyle" :value="ymd"
			@change="bindDateChange">
			<picker-view-column>
				<view class="uni-datetime-picker-item" v-for="(item,index) in picker" :key="index">
					<text class="uni-datetime-picker-item">{{item.label}}</text>
				</view>
			</picker-view-column>
		</picker-view>
	</uni-popup>

</template>

<script>
	export default {
		props: {
			picker: {
				type: Array,
				default: ()=>[]
			}
		},
		data() {
			return {
				indicatorStyle: `height: 50px;`,
			}
		},
		methods: {
			show() {
				this.$refs.popup.open();
			},
			hide() {
				this.$refs.popup.close();
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>